{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8 text-center">
        <h1 class="display-4 mb-4">基于深度学习的苹果病害诊断系统</h1>
        <p class="lead mb-5">利用先进的深度学习技术，实现对苹果叶片病害的智能识别与诊断</p>
    </div>
</div>

<div class="row">
    <div class="col-md-4 mb-4">
        <div class="card h-100">
            <div class="card-body">
                <h5 class="card-title">智能诊断</h5>
                <p class="card-text">采用深度学习模型，准确识别9种常见苹果叶片病害，准确率达93.58%</p>
            </div>
        </div>
    </div>
    <div class="col-md-4 mb-4">
        <div class="card h-100">
            <div class="card-body">
                <h5 class="card-title">快速响应</h5>
                <p class="card-text">平均诊断时间仅0.67秒，支持实时诊断，及时发现问题</p>
            </div>
        </div>
    </div>
    <div class="col-md-4 mb-4">
        <div class="card h-100">
            <div class="card-body">
                <h5 class="card-title">专业可靠</h5>
                <p class="card-text">基于大量专业数据训练，提供准确的病害诊断和防治建议</p>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">支持识别的病害类型</h5>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">黑星病 (准确率: 94.62%)</li>
                    <li class="list-group-item">黑腐病 (准确率: 96.14%)</li>
                    <li class="list-group-item">灰霉病 (准确率: 94.19%)</li>
                    <li class="list-group-item">锈病 (准确率: 88.64%)</li>
                    <li class="list-group-item">白粉病 (准确率: 96.15%)</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">系统特点</h5>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item">整体准确率: 93.58%</li>
                    <li class="list-group-item">平均诊断时间: 0.67秒</li>
                    <li class="list-group-item">支持批量诊断</li>
                    <li class="list-group-item">提供详细防治建议</li>
                    <li class="list-group-item">用户友好的界面</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="text-center mt-4">
    <a href="/upload" class="btn btn-primary btn-lg">开始诊断</a>
</div>
{% endblock %}
